<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/about_us.css" />
    <title>{$pcate.name ?: '未名研学'}</title>
</head>

<body>
    <div class="about_us">
        <!--left navigation-->
        <div class="left_navigation">
            <ul>
                {foreach $catelist as $cv}
                {if $cv.id==$cur.id}
                <li class="on">
                    <a href="javascript:;">{$cv.name ?: ''}</a>
                </li>
                {else}
                {php}$cvid = $cv['id'];$pcid = $pcate['id'];$url = url("/item/$pcid-$cvid"){/php}
                <li>
                    <a href='javascript:location.replace("{$url}");'>{$cv.name ?: ''}</a>
                </li>
                {/if}
                {/foreach}

            </ul>
            <!--折叠按钮-->
            <div class="fold">
                <img src="__STATIC__/mobile/img/fold_show.png" alt="" id="show" />
                <img src="__STATIC__/mobile/img/fold.png" alt="" id="hide">
            </div>
        </div>
        <!--博大成就-->
        <div class="about_box">
            {foreach $content as $cv}
            {if $cv.template=='lishiyeji'}
            <!--历史业绩-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="statisfiy">
                    <ul>
                        {foreach $cv.content as $ccv}
                        <li>
                            <p class="big_brief">
                                <span>{$ccv.content.title ?: '0'}</span>
                                <em></em>
                            </p>
                            <div class="small_brief">
                                <p>{$ccv.content.title2 ?: ''}</p>
                            </div>
                        </li>
                        {/foreach}

                    </ul>
                </div>
            </div>
            {elseif $cv.template=='content'}
            <!--经营现状-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="manage_img">
                    {$cv.content.content|raw|default=''}
                </div>
            </div>
            {elseif $cv.template=='hezuoyuanxiao'}
            <!--合作学校-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="cooper_school">
                    <ul>
                        {foreach $cv.content as $cck=>$ccv}
                        {if $cck<4}
                        <li>{$ccv.content.title ?: ''}</li>
                        {/if}
                        {/foreach}
                    </ul>
                    <div class="check_more">
                        <a href='{:url("/m/school")}'>查看更多 ></a>
                    </div>
                </div>
            </div>
            {elseif $cv.template=='yonghupingjia'}
            <!--用户评价-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="user_video">
                    <ul>
                        {foreach $cv.content as $ccv}
                        <li>
                            <!--poster 视频封面图 不传则为空白-->
                            <video src="{$ccv.content.video ?: ''}" poster="{$ccv.content.thumb ?: ''}" controls="controls" playsinline="true" webkit-playsinline="true" preload="true">您的浏览器不支持html5播放器,请更换浏览器使用</video>
                            <h6>{$ccv.content.title ?: ''}</h6>
                            <div class="comment_content">
                                <p>{$ccv.content.title2 ?: ''}</p>
                            </div>
                        </li>
                        {/foreach}

                    </ul>
                </div>
            </div>
            {/if}
            {/foreach}
        </div>
    </div>

    <script src="__STATIC__/mobile/js/rem.js"></script>
    <script src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script>
        $('#show').on('click', function() {
            $('.left_navigation').addClass('hide')
            $('#hide').addClass('show')
        })
        $('#hide').on('click', function() {
                $('.left_navigation').removeClass('hide')
                $('#hide').removeClass('show')
        })
        $('.left_navigation ul li.on').on('click', function() {
            $('.about_box').stop(true).animate({
                'scrollTop': 0
            })
        })
    </script>
</body>

</html>